@charset "utf-8";
/* CSS Document */
body,div,p,ul,ol,li,dl,dt,dd,table,tr,td,form,hr,fieldset,h1,h2,h3,h4,h5,h6,img,input{
    margin:0;
    padding:0;
}
body{
    font-family: tahoma,\5b8b\4f53;
    word-break:break-all;
}
a{
    text-decoration:none;   
}
ul,ol{
    list-style:none;
}
img{
    border: 0;
    display: block;
}
.clean:after{
    content: '';
    height: 0;
    display: block;
    overflow: hidden;
    clear: both;
    visibility: hidden; 
}
/* header*/
.header{
    width:100%;
    height:auto;
    background:#f1f1f1;
    border-bottom: 1px solid #e2e2e2;
} 
.head{
    width:1200px;
    height:24px;
    margin:auto;
    
}
.head_left{
    float:left;
}
.head_left{
    .iconfont{
        color:#666;
        padding:0px 5px 0px 6px;
    }
} 
.uls{
    li{
        float:left; 
    }
} 
.uls li a,.uls li{
    color:#666;
    font-size:12px;
    line-height:24px;
    cursor: pointer;
}
.uls{
    li{
        a:hover{
            color:#000d5e;
            text-decoration:underline;
            .iconfont{
                  color:#000d5e;
             }
         }  
      }
} 
.head_right{
    float:right;
    position: relative;
}
.head_right{
    .uls{
        li{
            padding:0px 6px 0px 6px;
            &:hover{
                text-decoration: underline;
          }
        }
        .first{
            cursor: pointer;
            padding:0px 13px 0px 0px;
            background:url(../../img/verticalbar.png) no-repeat 35px 7px;
        }
        .two{
            padding:0px 12px 0px 9px;
            cursor: pointer;
        }
        .three{
            padding:0px 6px 0px 0px;
            font-size:12px;
            color: #484848;
            text-decoration:none;
            &:hover{
                text-decoration: none;
            }
        }
        .four{
            &:hover{
                background:#fff ;
                cursor: pointer;
                text-decoration: none;
                 #icon:hover{
                    transform: rotateX(180deg);
                animation: w 1s forwards;
                }
            }
        }
        .four{
            position: relative;
            .boult{
                font-size: 10px;
            }
            .register{
                width:88px ;
                height: 30px;
                background: #fff;
                position: absolute;
                left: -16px;
                top: 25px;
                display: none;
                z-index: 999;
                 p{
                    font-size: 12px;
                    color: #484848;
                    line-height: 30px;
                    text-align: center;
                    a{
                         color: #003399;
                         cursor: pointer;
                         text-decoration:underline;
                     }
                   } 
                }
            .service{
                width:148px ;
                height: 100px;
                border: 1px solid #eee;
                border-top: 0;
                background: #fff;
                position: absolute;
                left: -77px;
                top: 24px;
                display: none;
                z-index: 999;
                .call{
                    font-size:10px ;
                    color: #fe7b23;
                    font-weight: 900;
                    margin-left: 17px;
                }
                .landline{
                    font-size:10px;
                    color: #484848;
                    font-weight: 900;
                    margin-left: 17px;
                }
                .every{
                    font-size:10px ;
                    color: #484848;
                    margin-left: 17px;
                }
                .consult{
                    width:60px ;
                    height:25px ;
                    background: #4f9ee7;
                    text-align: center;
                    line-height: 25px;
                    color: #fff;
                    font-size: 12px;
                    padding: 7px;
                    margin-left: 8px;
                }
            }
        }
     } 
} 
.head_right .uls .four:hover .register,.head_right .uls .four:hover .service{
    display: block; 
}

//logo
.logo{
    width: 100%;
    height: auto;
}
.logoer{
    width: 1200px;
    height: 86px;
    background:url(../../img/logo.png) no-repeat 6px 9px;
    margin: 0 auto;
    position: relative;
}
form{
    position: absolute;
    left: 378px;
    top: 18px;
    
}
#first{
    width:337px ;
    height:30px ;
    border: 2px solid #ff6600;
    float: left;
    outline: 0;
}
#judge{
    float: left;
    width:98px ;
    height: 34px;
    color: #fff;
    font-size: 14px;
    background: #FF6600;
    border-radius: 0 3px 3px 0;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
}
.ulse{
    position: absolute;
    left: 366px;
    top: 56px;
}
.ulse{
    li{
       float: left;   
       a{
            font-size:12px ;
            color: #767676;  
            padding: 0 16px 0 16px; 
            &::hover{
                text-decoration: underline;
            }
        }
    } 
} 
.ulse_one,.ulse_two,.ulse_three,.ulse_four{
     background: url(../../img/verticalbar.png) no-repeat 0px 5px;
}
//classify商品分类
.classify{
    width: 100%;
    height: auto;
    background: #10286c;
}
.classify_con{
    width: 1200px;
    height: 40px;
    margin: 0 auto;
    .right{ 
        width:232px ;
        height: 40px;
        float: right;
        li{
            width: 116px;
            float: left;
            box-sizing: border-box;
            height:40px;
            font-size:12px;            
            background: #FF6600;
            color: #fff;
            line-height: 40px;
            text-align: center;
            padding-left:26px ;
            position: relative;
            border: 2px solid #ff6600;
            span{
                color: #ff9818;
            }
            p{
                overflow: hidden;
                width:229px ;
                height:81px ;
                background: #fff;
                z-index: 333;
            }
            .first{
                position: absolute;
                left: -2px;
                top: 38px;
                display: none;
                border: 2px solid #ff6600;
                .iconfont{
                    color: #ff9818;
                }
                
            }
            .secend{
                position: absolute;
                left: -118px;
                top: 38px;
                color: #ff9818;
                border: 2px solid #ff6600;
                display: none;
            }
        }
        .up{
            &:hover{
                background: #fff;                
                color: #999;
                border-top: 2px solid #ff6600;
                border-left: 2px solid #ff6600;
                border-bottom: 2px solid #fff;
                .first{
                  display: block;
                  border-top:2px solid #fff;
                  border-bottom:2px solid #ff6600;
                  z-index: 999;
                  .iconfont{
                       display: block;
                  }
                }
            } 
        }
        .down{
            &:hover{
                background: #fff;
                color: #999;
                border-top: 2px solid #ff6600;
                border-bottom: 2px solid #fff;
                .secend{
                  display: block;
                  border-top:2px solid #fff;
                  z-index: 999;
                }
            } 
        }
    }
}
.classifications{
    width: 161px;
    height: 40px;
    background: #FF6600 url(../../img/xiajiantou.png)no-repeat 119px 17px;    
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    padding-left: 19px;
    float: left;
    margin-right:10px ;
}
.bou{
    color: #fff;
}
.index{
    li{
        float: left;
        height: 40px;
        a{
            color: #fff;
            font-size: 14px;
            padding: 0 20px;
            line-height: 40px;
        }
    }
} 
.index{
    li:hover{
    background: #295dd7;
    transition: all 1s;
   }
} 
//footer
.foot{
    width:100%;
    height: auto;
    .footer{
        width: 1200px;
        height: 677px;
        margin: 20px auto;
        .footer-top{
            width: 100%;
            height: 100px;
            img{
                float: left;
                padding: 20px 5px 0 6px;
            }
        }
        .footer-con{
            width: 1200px  ;
            .footer-left{
                width:350px ;
                background: #eee url(../../img/2wm.png)no-repeat 0px 18px;
                height: 108px;
                position: relative;
                float: left;
                h4{
                    position: absolute;
                    left: 78px;
                    top: 18px;
                    font-size:16px ;
                    color: #484848;
                }
                span{
                    color:#484848;
                    font-size: 12px;
                    position: absolute;
                    left: 79px;
                    top: 41px;

                }
                p{
                    position: absolute;
                    left: 79px;
                    top: 61px;
                    color:#484848;
                    font-size: 12px;
                }
            }
            .footer-lefter{
                background: #eee url(../../img/3wm.png)no-repeat 0px 18px;
            }
            .footer-left-con{
                width:282px ;
                background: #eee url(../../img/img.png)no-repeat 0px 18px;
                h4{
                    position: absolute;
                    left: 54px;
                    top: 18px;
                }
                span{
                    font-size: 12px;
                    color: #666666;
                }
                .one{
                    position: absolute;
                    left: 55px;
                    top: 44px;
                }
                .two{
                    position: absolute;
                    left: 118px;
                    top: 44px;
                }
                form{
                    position: relative;
                    left: 0px;
                    top: 62px;
                    input{
                    width:210px ;
                    height: 31px;
                    float: left;
                    background: #f3f3f3;
                    border:1px solid #d8d8d8;
                    margin-right:3px ;
                }
                    .btn{
                        color: #fff;
                        float: left;
                        background: #f7661f;
                        border: 0;
                        border-radius: 2px;
                        padding: 8px 20px;
                        &:hover{
                            background: #FE7B23;
                        }
                      }
                }
            }
            .footer-right{
                width: 210px;
                background: 0;
                position: relative;
                p{
                   }
                 span{
                    display: block;
                    font-size: 12px;
                    background: #ff6507;
                    border: 1px solid #ff8435;
                    color: #fff;
                    width:49px ;
                    height:21px ;
                    text-align: center;
                    line-height: 21px;
                  }
                 .first{
                        position: absolute;
                        left: 147px;
                        top: 42px;
                        
                    }
                 .secend{
                        position: absolute;
                        left: 147px;
                        top: 73px;    
                    }
                .one{
                    position: absolute;
                    left: 123px;
                    top: 42px;              
                }
                .two{
                    position: absolute;
                    left: 123px;
                    top: 73px; 
                }
            }
        }
        .edit{
            margin-top: 50px;
            .uIs{
                width: 240px;
                height: 190px;
                position: relative;
                float: left;
                span{
                    padding-left: 40px;
                    background: url(../../img/con1.png) no-repeat 11px 0px;
                    font-size: 14px;
                    color: #484848;
                    position: absolute;
                    left: 27px;
                    top: 0px;
                }
                ul{
                    position: absolute;
                    left: 61px;
                    top: 26px;
                    list-style: square;
                    li{
                        font-size: 12px;
                        color: #666;
                        line-height: 22px;
                    }
                }
            }
            .uIse{
                span{
                    background: url(../../img/con2.png) no-repeat 11px 0px;
                }
            }
            .uIsr{
                span{
                    background: url(../../img/con3.png) no-repeat 11px 0px;
                }
            }
            .uIsw{
                span{
                    background: url(../../img/con4.png) no-repeat 11px 0px;
                }
            }
            .uIsq{
                span{
                    background: url(../../img/con-5.png) no-repeat 11px 0px;
                }
            }
        }
        .footes{
            width: 100%;
            height: 225px;
            text-align: center;
            position: relative;
            .IMG{
                position: absolute;
                left: 286px;
                top: 40px;
                img{
                    float: left;
                    margin: 0px 3px 0px 2px;
                }
            }
            ul{
                position: absolute;
                left: 431px;
                top: 99px;
                li{
                    float: left;
                    font-size: 12px;
                    color: #484848;
                    padding: 0 6px 0 6px;
                    cursor: pointer;
                    &:hover{
                        text-decoration: underline;
                    }
                }
            }
            ol{
                position: absolute;
                left: 380px;
                top: 123px;

                li{
                    float: left;
                    font-size: 12px;
                    color: #484848;
                    padding: 0 6px 0 6px;
                    cursor: pointer;
                    &:hover{
                        text-decoration: underline;
                    }
                }
            }
        }
    }
}